<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="ISO-8859-1"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet"
	href="${pageContext.servletContext.contextPath}/styles/default.css" />
<title>Insert title here</title>
</head>
<body>
	<form id="fc_be_redo_model_Booking" action="/bookings">
		<h1>Destination map</h1>
		<map name='worldmap'>
			<c:url value="/bookings/searchForm?continent=Europe" var="EuropaUrl" />
			<area shape='poly' id='Europe'
				coords='138,0,279,0,305,32,282,125,186,120' href='${EuropaUrl}' />
			<c:url value="/bookings/searchForm?continent=North-America" var="NAmericaUrl" />
			<area shape='poly' id='North-America'
				coords='-1,1,137,1,173,101,130,181,-2,181' href='${NAmericaUrl}' />
			<c:url value="/bookings/searchForm?continent=South-America" var="SAmericaUrl" />
			<area shape='poly' id='South-America'
				coords='126,175,141,154,201,187,183,287,130,287'
				href='${SAmericaUrl}' />
			<c:url value="/bookings/searchForm?continent=Africa" var="AfricaUrl" />
			<area shape='poly' id='Africa'
				coords='212,133,270,124,326,183,305,249,235,249' href='${AfricaUrl}' />
			<c:url value="/bookings/searchForm?continent=Asia" var="AsiaUrl" />
			<area shape='poly' id='Asia'
				coords='345,4,487,0,519,71,478,201,345,204' href='${AsiaUrl}' />
			<area shape='poly' id='Asia2'
				coords='282,127,312,16,360,0,376,177,312,171' href='${AsiaUrl}' />
			<c:url value="/bookings/searchForm?continent=Oceania" var="OceaniaUrl" />
			<area shape='rect' id='Oceania' coords='389,203,512,287'
				href='${OceaniaUrl}' />
		</map>
		<c:url value="/images/world-map.gif" var="imageUrl" />
		<img src="${imageUrl }" alt="wereldmap" usemap="#worldmap" />
	</form>
</body>
</html>